﻿{{ include 'admin/public/header.html' }}

	<body>
		<div class="navbar navbar-default" id="navbar">
			<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

			{{ include 'admin/public/nav_top.html' }}
		</div>

		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				{{ include 'admin/public/slide_left.html' }}

				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="#">首页</a>
							</li>
							<li class="active">控制台</li>
						</ul><!-- .breadcrumb -->

						<div class="nav-search" id="nav-search">
							<form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="icon-search nav-search-icon"></i>
								</span>
							</form>
						</div><!-- #nav-search -->
					</div>

					<div class="page-content">

						<div class="page-header">
							<h1>
								管理员列表								
							</h1>
						</div><!-- /.page-header -->



						<!--表格-->

						<div class="table-responsive">
							<table id="sample-table-1" class="table table-striped table-bordered table-hover center">
								<thead>
									<tr>
										<th class="center">
											<label>
												<input type="checkbox" class="ace">
												<span class="lbl"></span>
											</label>
										</th>
										<th class="center">管理员名称</th>
										<th class="center">
											<i class="icon-time bigger-110 hidden-480"></i>
											登录时间
										</th>
										<th class="center">状态</th>

										<th width="100px;" class="center">操作</th>
									</tr>
								</thead>

								<tbody>
									{{ each list }}
									<tr class="">
										<td class="center">
											<label>
												<input type="checkbox" class="ace">
												<span class="lbl"></span>
											</label>
										</td>

										<td>{{ $value.username }}</td>
										<td>{{ $value.last_time | dateFormat }}</td>

										<td class="hidden-480">
											{{if $value.status==1}}
												<img src="{{__HOST__}}/admin/images/yes.gif" onclick="app.toggle(this,'admin','status','{{@$value._id}}')" />
											{{else}}
												<img src="{{__HOST__}}/admin/images/no.gif" onclick="app.toggle(this,'admin','status','{{@$value._id}}')" />
											{{/if}}
										</td>

										<td>
											<div class="visible-md visible-lg hidden-sm hidden-xs btn-group center">
												

												<a href="{{__HOST__}}/admin/manage/edit?id={{@ $value._id }}" class="btn btn-xs btn-info">
													<i class="icon-edit bigger-120"></i>
												</a>
												&nbsp;&nbsp;
												<a class="deleteBtn" href="{{__HOST__}}/admin/delete?id={{@ $value._id }}&collectionName=admin" class="btn btn-xs btn-danger">
													<i class="icon-trash bigger-120"></i>
												</a>

											</div>

										</td>
									</tr>
									{{ /each }}
								</tbody>
							</table>
						</div>

					</div>
				</div><!-- /.main-content -->
			
			</div><!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->


{{ include 'admin/public/footer.html' }}

		
		<script type="text/javascript">
			jQuery(function($) {
								
				
				$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
						
				});
			
			
				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			})
		</script>
	
</body>
</html>

